<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="display" uri="http://displaytag.sf.net" %>

<div id="rightPan">
	<div id="rightbodyPan">
		<div align="center"><p style=" font-size: 24px; padding: 10px 0 5px 0;" >สูตรพิเศษของอาหารสุนัข</p></div>
		<div id="headerTab">
			<a style="width: 80px;" href="<s:url action="foodFtn_get" namespace="/product"/>">เรียกดูข้อมูล</a>
			<a style="width: 70px;" id="clicked">เพิ่มสูตรพิเศษ</a>
			<a style="width: 120px;" href="<s:url action="foodFtn_toAddType" namespace="/product"/>">เพิ่มประเภทสูตรพิเศษ</a>
		</div>
		
		<script type="text/javascript">
			function search(){
				document.getElementById( 'foodFtn_search' ).submit();
			}
			
			function addSubType(){
				document.getElementById( 'foodFtn_addSubType' ).submit();
			}
			
		</script>
	    
		<s:form id="foodFtn_search" action="foodFtn_search" theme="simple">
			<table>
				<tr>
					<td style="padding-top: 30px; " id="slabel">ประเภทสูตร:</td>
					<td style="padding-top: 30px;">
						<s:select list="types" key="foodFTN.types" id="types"
						headerKey="-1" headerValue="" onchange="search();"/>
					</td>
				</tr>
			</table>
			
			<s:if test="foodFTNSubTypeList.size()!=0">
			    <div align="center" style=" padding-top: 10px;">
				<display:table name="foodFTNSubTypeList" style="font-size:12px; background-color: white;">
					<display:column style="text-align:left;" property="targetName" title="ชื่อสูตร" />
					<display:column style="text-align:left;" property="ftnDescription" title="รายละเอียด" />
				</display:table>
				</div>
			</s:if>
		</s:form>

		<s:form id="foodFtn_addSubType" action="foodFtn_addSubType" theme="simple">
			<table>
				<tr>
					<td id="slabel" style="padding-top: 20px;">ชื่อสูตร:<span>*</span></td>
					<td style="padding-top: 20px;">
					<s:textfield name="foodFTN.targetName" size="25"></s:textfield></td>
				</tr>
				<tr>
					<td id="slabel">รายละเอียด:<span>*</span></td>
					<td><s:textfield name="foodFTN.ftnDescription" size="40"></s:textfield></td>
				</tr>
			</table>

			<div align="center" style=" padding-top: 10px;">
				<input onclick="addSubType()" type="button" value="เพิ่ม" id="button"></input>
			</div>
		</s:form>		
		
	</div>
</div>